<template>
    <div class="gooddesc-container">
        <h1>{{gooddesc.title}}</h1>
        <hr>
        <div class="content" v-html="gooddesc.content">ddddd</div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            gooddesc:{}
        }
        
    },
    created(){
        this.getDesc()
    },
    methods:{
        getDesc(){
            this.$http.get('api/goods/getdesc/'+this.$route.params.id).then(result =>{
                if(result.body.status===0){
                    this.gooddesc = result.body.message[0]
                }
            })
        }
    }
}
</script>

<style lang="scss" >
.gooddesc-container{
    padding:4px;
    h1{
        font-size:16px;
        text-align:center;
        color:#226aff;
        margin:15px 0;
    }
    .content{
        img{
            width:100%
        }
    }
}
</style>